.logo-con {
	height: 64px;
	padding: 10px;

	&.logo-light {
		background: #fff !important;
		border-bottom: 1px solid #f8f8f9;
	}

	&.logo-dark {
		background: #191a23 !important;
		border-bottom: 1px solid #101117;
	}


	img {
		height: 44px;
		width: auto;
		display: block;
		margin: 0 auto;
	}
}

.phone-drawer {
	.ivu-drawer-body {
		padding: 0 !important;
		background-color: #191A23;
	}
}


.main {
	.ivu-layout-has-sider.ivu-layout {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-moz-box-orient: horizontal;
		-moz-box-direction: normal;
		flex-direction: row;
		-webkit-flex-direction: row;
	}




	.main-layout-con {
		height: 100%;
		overflow: hidden;
	}

	.main-content-con {
		height: ~'calc(100% - 64px)';
		overflow: hidden;
	}

	.tag-nav-wrapper {
		padding: 0;
		height: 48px;
		padding-top: 5px;
		background: #f5f7f9;
		padding-right: 6px;
	}

	.content-wrapper {
		height: ~'calc(100% - 48px)';
		background: #f5f7f9;
		overflow: auto;
	}

	.ivu-layout-sider {
		z-index: 99;
	}

	.left-sider {
		.ivu-layout-sider-children {
			overflow-y: scroll;
			margin-right: -18px;
		}
	}

	.layout-header-bar {
		padding: 0;
		background: #fff;
		box-shadow: 0 1px 4px rgba(0, 21, 41, 0.08);
		z-index: 11;
		// position: fixed;
		// top: 0;
		// // width: ~'calc(100% - 272px)';
		// z-index: 11;
		// right: 16px;
	}

	.layout-logo-left {
		width: 90%;
		height: 30px;
		background: #191a23;
		border-radius: 3px;
		margin: 15px auto;
	}

	.menu-icon {
		transition: all 0.3s;
	}

	.rotate-icon {
		transform: rotate(-90deg);
	}



	// .ivu-layout-sider {
	// 	background: #191a23;
	// }

	// .ivu-menu-dark.ivu-menu-vertical .ivu-menu-child-item-active > .ivu-menu-submenu-title {
	// 	color: #fff000;
	// }

	.i-layout-sider-dark {
		box-shadow: 2px 0 6px rgba(0, 21, 41, 0.35);
		text-align: left;
		z-index: 12;
	}

	.i-layout-sider-light {
		box-shadow: 2px 0 8px 0 rgba(29, 35, 41, .05);
		border-color: transparent;
		text-align: left;
		z-index: 12;
	}

	.shadow-none {
		box-shadow: 2px 0 8px 0 rgba(29, 35, 41, 1) !important;
	}

	.ivu-menu-vertical::after {
		background: #fff !important;
	}
}